<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <script type="text/javascript" src="/deng/include/include-css.js"></script>
    <link href="/deng/source/css/bootlist.css" rel="stylesheet" type="text/css" />
    <title>图元列表</title>
</head>
<body>
    <div class="m-content">
        <div class="m-portlet">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <h3 class="m-portlet__head-text">
                            <span class="m-accordion__item-icon"><i class="flaticon-search"></i>查询区域</span>
                        </h3>
                    </div>
                </div>
            </div>
            <!--begin::Form-->
            <form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed " method="POST" id="searchForm" onsubmit="search('datatables');return false;">
                <div class="m-portlet__body">
                    <div class="form-group m-form__group row">
                        <label class="col-form-label">名称：</label>
                        <div class="col-lg-2">
                            <input type="text" class="form-control" name="graph_pel_title" placeholder="请输入">
                        </div>
                        <label class="col-form-label">分类：</label>
                        <div class="col-lg-2">
                            <select class="form-control" name="graph_pel_category" placeholder="请选择">
                                <option value="">请选择</option>
                                <option value="0">其它</option>
                                <option value="1">一次接线图</option>
                                <option value="2">工业</option>
                                <option value="3">电力</option>
                            </select>
                        </div>
                        <a href="javascript:search('datatables')" class="btn btn-light-primary font-weight-bold mr-2">
                            <span><i class="fa fa-search"></i><span>检&nbsp;&nbsp;索</span></span>
                        </a>
                        <a href="javascript:resetAll();" class="btn btn-light-success font-weight-bold mr-2">
                            <span><i class="fa fa-repeat"></i><span>清空条件</span></span>
                        </a>
                    </div>
                </div>
                <div class="m-portlet__foot m-portlet__no-border m-portlet__foot--fit">
                    <div class="m-form__actions m-form__actions--solid">
                        <div class="row">
                            <div class="col m--align-left">
                                <a class="btn btn-secondary m-btn m-btn--custom m-btn--label-success" href="javascript:toGraphPelAdd()">
                                    <span><i class="la la-plus la-lg"></i><span>新增</span></span>
                                </a>
                                <a class="btn btn-secondary m-btn m-btn--custom m-btn--label-primary" href="javascript:toGraphPelUpdate()">
                                    <span><i class="fa fa-magic fa-lg"></i><span>修改</span></span>
                                </a>
                                <a class="btn btn-secondary m-btn m-btn--custom m-btn--label-danger m-btn--bolder m-btn--uppercase" href="javascript:delGraphPel()">
                                    <span><i class="fa fa-times"></i><span>删除</span></span>
                                </a>
                            </div>
                            <div class="col m--align-right">
                                <a class="btn btn-secondary m-btn m-btn--custom m-btn--icon" href="javascript:search('datatables')">
                                    <span><i class="fa fa-spin fa-refresh m-r-5"></i><span>刷新</span></span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <!--end::Form-->
            <table id="datatables" class="table table-bordered table-striped table-hover" style="white-space: nowrap; width: 99.9%">
                <thead>
                <tr>
                    <th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkall" /><span></span></label></th>
                    <th>序号</th>
                    <th>分类</th>
                    <th>名称</th>
                    <th>类型</th>
                    <th>节点类型</th>
                    <th>状态</th>
                    <th>大小</th>
                    <th>操作</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>


    <!-- 编辑器模态框（Modal）开始 -->
    <div class="modal fade" id="svnDesignModal" tabindex="-1" role="dialog" aria-labelledby="svnDesignModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" id="svnDesignModalDialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="svnDesignModalLabel">
                        在线设计
                    </h4>
                    <button type="button" class="close" data-dismiss="modal" onclick="closeSvnWin()" aria-hidden="true">&times;</button>
                </div>
                <div class="modal-body">
                    <div class="panel-body" id="svnDesignPanelBody">
                        <iframe id="svnDesignIframe" scrolling="auto" frameborder="0"  width="100%" height="100%"></iframe>
                    </div>
                </div>
                <!--<div class="modal-footer">
                    <button type="button" class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;icon" data-dismiss="modal" onclick="closeLcProcessWin()">关闭</button>
                </div>-->
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
    <!-- 编辑器模态框（Modal）结束 -->
</body>
<script type="text/javascript" src="/deng/include/include.js"></script>
<script type="text/javascript" src="/deng/view/monitor/graph-pel/graph-pel-list.js"></script>
<style>
    .modal-lg {
        max-width: 100%;
        /*width: 95%;*/
        max-width: none;
    }
</style>
</html>
